<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="${ctx}/style/css.css" rel="stylesheet" type="text/css">
<script src="${ctx }/js/jquery1-11-11.min.js"></script>
</head>
<body>
<div class="right_con">
  <div class="user_qd">
    <div class="utab dq" id="yqd">已签到</div>
    <div class="utab" id="wqd">未签到</div>
  </div>
  
  <div id="yq">
      <ul class="right_user_list">
      <c:forEach items="${page.list}" var="a">
				<li><bdi class="ov">${a.activiter_name}</bdi><span>${a.sign_time}</span></li>
			</c:forEach>
      </ul>
      
    <div class="right_fenye">
			<span>
			<c:choose >
			  <c:when test="${isFirstPage }">
			     <a href="#">上一页</a>
			  </c:when>
			  <c:otherwise>
			  <a href="${ctx}/activiter/signedMan/${page.pageNumber-1}-${page0.pageNumber}">上一页</a>
			  </c:otherwise>
			</c:choose>
			</span>| <span><c:choose >
			  <c:when test="${isLastPage }">
			     <a href="#">下一页</a>
			  </c:when>
			  <c:otherwise>
			  <a href="${ctx}/activiter/signedMan/${page.pageNumber+1}-${page0.pageNumber}">下一页</a>
			  </c:otherwise>
			</c:choose></span>
		</div>
  </div>
  
  <div id="wq" style="display:none">
      <ul class="right_user_list">
        <c:forEach items="${page0.list}" var="a">
				<li>${a.activiter_name}<span>等待签到</span></li>
			</c:forEach>
      </ul>
      
    <div class="right_fenye">
			<span>
			<c:choose >
			  <c:when test="${isFirstPage0 }">
			     <a href="#">上一页</a>
			  </c:when>
			  <c:otherwise>
			  <a href="${ctx}/activiter/signedMan/${page.pageNumber}-${page0.pageNumber-1}">上一页</a>
			  </c:otherwise>
			</c:choose>
			</span>| <span><c:choose >
			  <c:when test="${isLastPage0 }">
			     <a href="#">下一页</a>
			  </c:when>
			  <c:otherwise>
			  <a href="${ctx}/activiter/signedMan/${page.pageNumber}-${page0.pageNumber+1}">下一页</a>
			  </c:otherwise>
			</c:choose></span>
		</div>
  </div>
  
</div>
	
	<script>
  $(document).ready(function(){
	  $("#yqd").click(function(){
		  $(this).removeClass().addClass("utab dq");
		  $("#wqd").removeClass().addClass("utab");
		  $("#yq").show();
		  $("#wq").hide();
	  });
	  $("#wqd").click(function(){
		  $(this).removeClass().addClass("utab dq");
		  $("#yqd").removeClass().addClass("utab");
		  $("#wq").show();
		  $("#yq").hide();
	  });
	}); 
</script>
	
</body>